jQuery ওয়েব ডেভেলপমেন্টে ইভেন্ট হ্যান্ডলিং প্রক্রিয়াকে সহজ করে তোলে। বেসিক ইভেন্টগুলি যেমন click(), hover(), এবং dblclick() ব্যবহার করে ব্রাউজারের ব্যবহারকারীর ইন্টারঅ্যাকশনগুলিকে সহজে হ্যান্ডল করা যায়। এই ইভেন্টগুলির ব্যবহার ও কার্যপ্রণালী নিচে বর্ণনা করা হলো।
click() ইভেন্ট
click() মেথড একটি নির্দিষ্ট HTML এলিমেন্টে মাউস ক্লিক ঘটনা হ্যান্ডল করার জন্য ব্যবহার করা হয়। এটি একটি বোতাম বা লিঙ্কে ক্লিক করার মতো সহজ ক্রিয়াকলাপের জন্য আদর্শ।
উদাহরণ:
$("#myButton").click(function() {
alert("বোতামে ক্লিক করা হয়েছে!");
});
hover() ইভেন্ট
hover() মেথড মাউসের মুভমেন্ট পরিচালনা করে, যখন মাউস একটি এলিমেন্টের উপর আনা হয় (মাউস ওভার) এবং যখন এটি এলিমেন্ট থেকে সরানো হয় (মাউস আউট)। এই মেথড দুটি ফাংশন গ্রহণ করে, প্রথমটি মাউস ওভারের জন্য এবং দ্বিতীয়টি মাউস আউটের জন্য।
উদাহরণ:
$("#myDiv").hover(
function() {
$(this).css("background-color", "yellow"); // মাউস ওভার হলে পটভূমি হলুদ হবে
},
function() {
$(this).css("background-color", "white"); // মাউস আউট হলে পটভূমি সাদা হবে
}
);
dblclick() ইভেন্ট
dblclick() মেথড দ্বারা একটি এলিমেন্টে ডাবল-ক্লিক ঘটনা হ্যান্ডল করা হয়। এটি ব্যবহারকারীর কিছু বিশেষ ক্রিয়াকলাপ যেমন আইটেম নির্বাচন বা এডিটিং মোডে প্রবেশের জন্য ব্যবহৃত হয়।
উদাহরণ:
$("#myElement").dblclick(function() {
alert("এলিমেন্টে ডাবল ক্লিক করা হয়েছে!");
});
jQuery-র বেসিক ইভেন্ট মেথডগুলি (click(), hover(), dblclick()) ওয়েব পেজের ইন্টারঅ্যাকটিভিটি উন্নত করে। এগুলি সহজেই ব্রাউজারের ইভেন্টগুলিকে হ্যান্ডল করে, যা ডেভেলপারদের সময় বাঁচাতে এবং কোডের জটিলতা কমাতে সাহায্য করে।
Read more
